import React, {Component} from 'react'
import ReactDOM from 'react-dom'

// class自定义组件,必须继承 React.Component
export default class Hello extends React.Component {
    // 必须有render方法
    // 在class关键字创建的组件中,使用外界传递过来的props参数,不需接收,通过this.props.** 即可使用
    constructor() {
        // 只有在调用super()之后,才能使用该实例引用this
        // props属性可读
        // state属性可读可写
        super();
        // state相当于vue中的data
        this.state = {
            msg:"this is class 组件`s state"
        }
    }

    render() {
        return <div>this is a div --{this.props.name} --
            {this.props.age}
            <h5>{this.state.msg}</h5>
    </div>
    }
}